@import '@arco-design/web-vue/dist/arco.less';
@import './custom/_a.less';
@import './custom/_button.less';
@import './custom/_image.less';
@import './custom/_table.less';
@import './custom/_dialog.less';
@import './custom/_select.less';
@import './custom/_link.less';
@import './custom/_input.less';
@import './custom/_drawer.less';
@import './custom/_form.less';
@import './custom/_radio.less';
@import './custom/_pagination.less';
@import './custom/_modal.less';
@import './custom/_textarea.less';
@import './custom/_tooltip.less';
@import './custom/_picker.less';
@import './custom/_scroll.less';
@import './custom/_checked.less';

:root {
  font-size: 16px;
}

body {
  --primary-1: 232, 255, 241;
  --primary-2: 173, 237, 200;
  --primary-3: 120, 219, 165;
  --primary-4: 73, 202, 135;
  --primary-5: 33, 184, 111;
  --primary-6: 0, 166, 91;
  --primary-7: 0, 144, 84;
  --primary-8: 0, 121, 75;
  --primary-9: 0, 99, 64;
  --primary-10: 0, 77, 52;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  border: 0 solid var(--color-border-1);
}

html,
body,
#resource {
  --primary-1: 232, 255, 241;
  --primary-2: 173, 237, 200;
  --primary-3: 120, 219, 165;
  --primary-4: 73, 202, 135;
  --primary-5: 33, 184, 111;
  --primary-6: 0, 166, 91;
  --primary-7: 0, 144, 84;
  --primary-8: 0, 121, 75;
  --primary-9: 0, 99, 64;
  --primary-10: 0, 77, 52;
  @apply size-full m-0 p-0 text-color-1 min-w-360;
}

#resource {
  @apply bg-cover bg-center bg-no-repeat text-xs;
  background-image: url('@/assets/images/global-bg.png');
}

.resource-area {
  border-radius: 12px;
  border: 1px solid #fff;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.6) 0%,
    #fff 10%
  ) !important;
  // backdrop-filter: blur(5px);
}

table {
  th,
  td {
    @apply text-sm;
  }

  tr {
    .hover-visible__tr {
      opacity: 0;
      cursor: pointer;
    }

    &:hover .hover-visible__tr {
      opacity: 100 !important;
    }

    &:hover {
      .table-copy-text {
        @apply text-primary-600;
      }
    }
  }
}
svg{
  outline:none;
}
.avatar-content{
  width: 160px;
  border-radius: var(--border-radius-lg, 8px);
border: 1px solid var(--border-1, #F2F3F5);
background: var(--white, #FFF);

/* shadow-md */
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.10);
.arco-dropdown{
  border-radius: 8px;
  padding: 4px;
  border:none;
}
}
